<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>软帝资源管理系统-资源上传</title>
</head>
<body>

	<!-- 引入公共导航条 -->
	<%@ include file="header.jsp" %>
	<c:if test="${msg != null}">
		<div class="alert alert-danger text-center"><strong>${msg}</strong></div>
	</c:if>
	<!-- 表单区域 -->
	<div class="container">
		<div class="page-header">
			<h2>资源上传</h2>
		</div>
		<form action="doUpload.jsp" method="post" enctype="multipart/form-data" class="form-horizontal">
			<div class="form-group">
				<label for="" class="col-md-2  control-label">选择文件:</label>
				<div class="col-md-8">
					<button class="btn btn-info btn-lg" type="button">
						<span class="glyphicon glyphicon-plus"></span>选择文件
					</button>
					<small class="text-danger">请选择文件，限制50M以内</small>
					<input type="file" name="myfile" class="sr-only"/>
				</div>
			</div>
			<div class="form-group">
				<label for="" class="col-md-2 control-label">资源名称:</label>
				<div class="col-md-6">
					<input type="text" name="fname" class="form-control" placeholder="请输入资源名称" />
				</div>
			</div>
			<div class="form-group">
				<label for="" class="col-md-2 control-label">关键词:</label>
				<div class="col-md-6">
					<input type="text" name="tags" class="form-control" placeholder="请输入关键词,用&quot;,&quot;"号隔开,最多5个" />
				</div>
			</div>
			<div class="form-group">
				<label for="" class="col-md-2 control-label">下载所需积分:</label>
				<div class="col-md-6">
					<input type="number" name="integral" class="form-control" placeholder="最多10分" min="0" max="10" />
				</div>
			</div>
			<div class="form-group">
				<label for="" class="col-md-2 control-label">资源简介:</label>
				<div class="col-md-6">
					<textarea name="summary" id="" class="form-control" rows="5" placeholder="请输入资源描述，不支持HTML标签，请详细填写以便于作为推荐资源以赚取更多积分，如描述不清可能会无法审核通过"></textarea>
				</div>
			</div>
			<div class="form-group">
				<div class="col-md-6 col-md-offset-2 text-right">
					<button class="btn btn-success col-md-5 col-md-offset-7">上传</button>
				</div>
			</div>
		</form>
	</div>
	<script>
		$(function(){
			//为按钮绑定事件触发文件控件的点击事件
			$('button[type=button]').click(function(){
				$('input[type=file]').click();
			})
			
			$('input[type=file]').on('change',function(){
				//获取文件所在路径最后一个“\”符号出现的索引
				var index = $(this).val().lastIndexOf('\\');
				//截取字符串获取文件名称
				var fname = $(this).val().substring(index+1);
				//将文件名称设置到输入框中
				$('input[name=fname]').val(fname);
			})
		})
	</script>
</body>
</html>